<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
	<head>
		<title>Spike shoes Website Template | login :: w3layouts</title>
		<link href="css/style.css" rel='stylesheet' type='text/css' />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
		</script>
		<!----webfonts---->
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
		<!----//webfonts---->
		<script src="js/jquery.min.js"></script>
		<!----start-alert-scroller---->
		<script type="text/javascript" src="js/jquery.easy-ticker.js"></script>
		<script type="text/javascript">
		$(document).ready(function(){
			$('#demo').hide();
			$('.vticker').easyTicker();
		});
		</script>
		<!----start-alert-scroller---->
		<!-- start menu -->
		<link href="css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
		<script type="text/javascript" src="js/megamenu.js"></script>
		<script>$(document).ready(function(){$(".megamenu").megamenu();});</script>
		<script src="js/menu_jquery.js"></script>
		<!-- //End menu -->
		<!---move-top-top---->
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
				});
			});
		</script>
		<!---//move-top-top---->
	</head>
	<body>
		<!---start-wrap---->
			<!---start-header---->
	<div class="header">
				<div class="top-header">
					<div class="wrap">
						<div class="top-header-left">
							<ul>
								<!---cart-tonggle-script---->
								<script type="text/javascript">
									$(function(){
									    var $cart = $('#cart');
									        $('#clickme').click(function(e) {
									         e.stopPropagation();
									       if ($cart.is(":hidden")) {
									           $cart.slideDown("slow");
									       } else {
									           $cart.slideUp("slow");
									       }
									    });
									    $(document.body).click(function () {
									       if ($cart.not(":hidden")) {
									           $cart.slideUp("slow");
									       } 
									    });
									    });
								</script>
								<!---//cart-tonggle-script---->
								<li><a class="cart" href="#"><span id="clickme"> </span></a></li>
								<!---start-cart-bag---->
								<div id="cart">Your Cart is Empty <span>(0)</span></div>
								<!---start-cart-bag---->
								<li><a class="info" href="#"><span> </span></a></li>
							</ul>
						</div>
						<div class="top-header-center">
							<div class="top-header-center-alert-left">
								<h3>FREE DELIVERY</h3>
							</div>
							<div class="top-header-center-alert-right">
								<div class="vticker">
								  <ul>
									 <li>Applies to orders of $50 or more. <label>Returns are always free.</label></li>
								  </ul>
								</div>
							</div>
							<div class="clear"> </div>
						</div>
						<div class="top-header-right">
							<ul>
								<li><a href="index.html">Logout</a><span> </span></li>
								<li><a 	
								<li><a href="STAFF.html">Staff</a><span> </span></li>
															</ul>
						</div>
						<div class="clear"> </div>
					</div>
				</div>
				<!----start-mid-head----><div class="a">
				  <h1 align="center"  style="color:#FF6666" >ZAM ZAM FOOTWEAR</h1>
				</div>
				<div class="mid-header">
					<div class="wrap">
						<div class="mid-grid-left">
							<form>
								<input type="text" placeholder="What Are You Looking for?" />
							</form>
						</div>
						
						<div class="clear"> </div>

					</div>
				</div>
				<!----//End-mid-head---->
				<!----start-bottom-header---->
			<div class="header-bottom">
					<div class="wrap">
					<!-- start header menu -->
							<ul class="megamenu skyblue">
								<li class="grid"><a class="color2" href="#">STOCK</a>
									<div class="megapanel">
										<div class="row">
											<div class="col1">
												<div class="h_nav">
													
													<ul>
														<li><a href="products.html">INSERT STOCK</a></li>
														<li><a href="products.html">VIEW STOCK</a></li>
														<li><a href="products.html">STOCK EXCHANGE</a></li>
														<li><a href="products.html">SEARCH</a></li>
														<li><a href="products.html">ADD STOCK TO DEFECTS</a></li>
														<li><a href="products.html">SUPPLIER DETAILS</a></li>
													</ul>	
												</div>
												
									<li><a class="color5" href="#">CUSTOMER ORDERS </a>
									  
							  </li>
									<li><a class="color6" href="#">DEFECTS</a>
<li><a class="color7" href="EMPLOYEE DETAILS.html">EMPLOYEE DETAILS</a>

									  
							  <li><a class="color7" href="#">DAILY REPORT</a>
									
									</li>
									<li><a class="color8" href="#">BILLING</a>
									<div class="megapanel">
										<div class="row">
											<div class="col1">
											  <div class="h_nav">
													<h4>style zone</h4>
												  <ul>
													  <li></li>
												  </ul>	
												</div>							
											</div>
											<div class="col1"><div class="h_nav"></div>
											<div class="col1"></div>
											<div class="col1"></div>
											<div class="col1"></div>
											<div class="col1"></div>
										</div>
									</div>
									</li>
							</ul>

					</div>
				</div>
				</div>
							
							  <!----//End-bottom-header---->
			                          <!---//End-header---->
	                              <!--- start-content---->
		</li>
				</ul>
					</div>
				<div class="content login-box">
			<div class="login-main">
				<div class="wrap">
					<h1>EMPLOYEE DETAILS</h1>
					<div class="login-left">
						<form action="ViewEmployee.jsp">
                                                    <div>
								<span>ENTER THE  EMPLOYEE NAME <label>*</label></span><BR/>
								<input type="text" name="e_id"/> 
							</div><BR/><BR/>
							
						<input type="submit" value="submit"/></form>
					</div>
					<div class="login-right">
						<h3>NEW EMPLOYEES</h3>
						<p>Register the employee details.</p>
						<form name="registration" action="EmployeeRegister">
							<div>
								<span>NAME<label>*</label></span>
								<input type="text" name="name"/> 
							</div>
							<div>
								<span>AGE<label>*</label></span>
								<input type="text" name="age"/> 
							</div>
							<div>
								<span>CONTACT NO<label>*</label></span>
								<input type="text" name="contact_no"/> 
							</div>
							<div>
								<span>ADDRESS<label>*</label></span>
								<input type="text" name="address"/> 
							</div>
							<div>
								<span>DATE OF JOINING<label>*</label></span>
								<input type="text" name="doj"/> 
							</div>
							<div>
								<span>EMPLOYEE ID<label>*</label></span>
								<input type="text" name="employee_id"/> 
							</div>
							
							<input type="submit" value="ADD EMPLOYEE" />
						</form>
					</div>
					<div class="clear"> </div>
				</div>
			</div>
		</div>
		<!---- start-bottom-grids---->
		<div class="bottom-grids">
					</div>
		<!---- //End-bottom-grids---->
		<!--- //End-content---->
		<!---start-footer---->
		<div class="footer">
								<script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
			    <a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"> </span></a>
				</div>
				<div class="clear"> </div>
					<!---//End-footer---->
		<!---//End-wrap---->
	</body>
</html>

